/* #ifdef H5 || MP */
// 由于uView是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
// 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
view, scroll-view, swiper-item {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: auto;
	align-items: stretch;
	align-content: flex-start;
}
/* #endif */

.opacity-0{
	opacity: 0;//透明
}
.opacity-1{
	opacity: 1;//不透明
}
.changingSliderTime{
	//background-color: #1dc;
}

.video,.myVideo,.adVideo{
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	width: 750rpx;
	height: 480rpx;
}

.cover-view,
.cover-view-TochView,
.myVideo-slot-box{
	position: absolute;//修复切换视频，有时候loading没有定位上来的问题
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	justify-content: center;
	align-items: center;
}

.m-left-30px{
	// 新版已改回rpx单位
	margin-left: 60rpx;
}
.m-right-30px{
	// 新版已改回rpx单位
	margin-right: 60rpx;
}

/* [新版本]改版后的样式表 */
.app-text{
	// 原版本类名 .text 已改为app-text。主要原因是类名不可以和标签名重名，重名存在低概率的导致text标签无法显示（仅在部分电脑的hx编译后出现）
	color: #fff;
	// #ifdef APP-PLUS-NVUE
	lines: 1;
	text-overflow: ellipsis;
	// #endif

	
	/* #ifdef H5 || MP */
	overflow:initial!important;
	font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑;
	white-space: normal!important;
	// 下面两行注释，是用来解决浏览器自动移除
	// 导致设置了超出变省略号不生效的问题。
	/* autoprefixer: off */
	/*autoprefixer: on */
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* #endif */
	// 参考文章：https://blog.csdn.net/weixin_44932450/article/details/90405330
}
.text-lines2 {
	// #ifndef APP-PLUS-NVUE
	lines: 2!important;
	// #endif

	/* #ifdef H5 || MP */
	-webkit-line-clamp: 2;
	/* #endif */
}

.align-items-left,
.align-items-left>.item{
	align-items: flex-start!important;
}
.align-items-right,
.align-items-right>.item{
	align-items: flex-end!important;
}


.scroll-x{
	// 使用横向滚动时，需要给<scroll-view>添加white-space: nowrap;样式
	white-space: nowrap;
}


// nvue仅支持类名选择器，不支持标签选择器
// 页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况，此时设置 image{will-change: transform} ,可优化此问题。
.image-transform{will-change: transform}





